<admintpl file="header" />
<style type="text/css">
	.pic-list li {
		margin-bottom: 5px;
	}
</style>
<script type="text/html" id="photos-item-wrapper">
	<li id="savedimage{id}">
		<input id="photo-{id}" type="hidden" name="photos_url[]" value="{filepath}">
		<img id="photo-{id}-preview" src="{url}" style="height:36px;width: 36px;" onclick="parent.image_preview_dialog(this.src);">
		<a href="javascript:upload_one_image('图片上传','#photo-{id}');">替换</a>
		<a href="javascript:(function(){$('#savedimage{id}').remove();})();">移除</a>
	</li>
</script>
</head>
<body>
<div class="wrap js-check-wrap">
	<ul class="nav nav-tabs">
		<li><a href="{:U('Activity/index')}">活动列表</a></li>
		<li class="active"><a href="{:U('Activity/add')}">添加活动</a></li>
	</ul>
	<form action="{:U('Activity/add_post')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
		<div class="row-fluid">
			<div class="span9">
				<table class="table table-bordered">
					<tr>
						<th width="80">活动标题</th>
						<td>
							<input type="text" style="width:400px;" name="activity_title" id="title" required value="" placeholder="请输入活动标题"/>
							<span class="form-required">*</span>
						</td>
					</tr>
					<tr>
						<th>活动简介</th>
						<td>
							<input type="text" name="activity_intro" id="keywords" value="" style="width: 400px" placeholder="请输入活动简介">
							<span class="form-required">*</span>
						</td>
					</tr>
					<tr>
						<th>活动时间</th>
						<td>
							<input type="text" name="activity_start_time" value="{:date('Y-m-d',time())}" class="js-datetime" style="width: 160px;"> -
							<input type="text" name="activity_end_time" value="{:date('Y-m-d',time())}" class="js-datetime" style="width: 160px;">
							<span class="form-required">*</span>
						</td>
					</tr>
					<tr>
						<th>活动地点</th>
						<td>
							<input type="text" name="activity_address" id="description" value="" style="width: 400px" placeholder="请填写活动地址">
							<span class="form-required">*</span>
						</td>
					</tr>
					<tr>
						<th>活动介绍</th>
						<td>
							<script type="text/plain" id="content" name="activity_detail"></script>
						</td>
					</tr>
					<tr>
						<th>活动轮播图</th>
						<td>
							<ul id="photos" class="pic-list unstyled"></ul>
							<a href="javascript:upload_multi_image('图片上传','#photos','photos-item-wrapper');" class="btn btn-small">选择图片</a>
						</td>
					</tr>
				</table>
			</div>
			<div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="display: none">
				<div class="modal-dialog modal-lg" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">请选择商户</h4>
						</div>
						<div class="modal-body">
							<!--商户名称:-->
							<!--<input type="text" name="name" style="width: 130px;" id="name" value="" placeholder="请输入商户名称">-->
							<!--<a type="button" class="btn btn-primary" id="search">搜索</a>-->
							<table class="table table-hover table-bordered" style="margin-top: 10px;">
								<thead>
								<tr>
									<th width="50">ID</th>
									<th>商户名称</th>
									<th>选择</th>
								</tr>
								</thead>
								<style>td{word-break:break-all;}</style>
								<tbody id="merchant_list">
								<foreach name="merchant" item="vo">
									<tr>
										<td>{$vo.id}</td>
										<td>{$vo.name}</td>
										<td><input name="merchant_id[]" type="checkbox" value="{$vo.id}" /></td>
									</tr>
								</foreach>
								</tbody>
							</table>
						</div>
						<div class="modal-footer">
							<a type="button" class="btn btn-success" data-dismiss="modal" >确定</a>
						</div>
					</div>
				</div>
			</div>
			<div class="span3">
				<table class="table table-bordered">
					<tr>
						<th><b>小图标</b></th>
					</tr>
					<tr>
						<td>
							<div style="text-align: center;">
								<input type="hidden" name="activity_icon" id="thumb" value="">
								<a href="javascript:upload_one_image('图片上传','#thumb');">
									<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand" />
								</a>
								<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
							</div>
						</td>
					</tr>
					<tr>
						<th><b>品牌分类 : </b>
							<select name="activity_brand_type" id="activity_brand_type">
								<option value="">请选择</option>
								<option value="1">品牌</option>
								<option value="2">商户</option>
								<option value="3">联合</option>
							</select>
						</th>
					</tr>
					<tr>
						<th><b>商户ID : </b>
							<a class="btn btn-success" onclick="tijiao()">请选择</a>
						</th>
					</tr>
					<tr>
						<th><b>活动分类 : </b>
							<select name="activity_type" id="activity_type">
								<option value="">请选择</option>
								<option value="1">首页活动</option>
								<option value="2">优惠活动</option>
							</select>
						</th>
					</tr>
					<tr>
						<th><b>排序 : </b>
							<input type="text" name="sort" value="">
						</th>
					</tr>
					<tr>
						<th>
							<b>活动状态 : </b>
							<label class="radio inline" for="active_true"><input type="radio" name="activity_status" value="Y" checked  />{:L('ENABLED')}</label>
							<label class="radio inline" for="active_false"><input type="radio" name="activity_status" value="N"  >{:L('DISABLED')}</label>
						</th>
					</tr>
				</table>
			</div>
		</div>
		<div class="form-actions">
			<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
			<a class="btn" href="{:U('Activity/index')}">返回</a>
		</div>
	</form>
</div>
<script>
    function tijiao(){
        $('#myModal').modal();
    }
</script>
<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
<script type="text/javascript">
    //编辑器路径定义
    var editorURL = GV.WEB_ROOT;
</script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
<script type="text/javascript">

//	$("#search").on('click',function(){
//	    $.ajax({
//            url:"{:U('activity/merchant_list')}",
//            type:'post',
//            dataType:'json',
//            data:{
//				'name':$("#name").val()
//            },
//            success:function(data){
//                console.log(data);
//				$("#merchant_list").html('');
//			}
//		})
//	})
    $(function() {
        $(".js-ajax-close-btn").on('click', function(e) {
            e.preventDefault();
            Wind.use("artDialog", function() {
                art.dialog({
                    id : "question",
                    icon : "question",
                    fixed : true,
                    lock : true,
                    background : "#CCCCCC",
                    opacity : 0,
                    content : "您确定需要关闭当前页面嘛？",
                    ok : function() {
                        setCookie("refersh_time", 1);
                        window.close();
                        return true;
                    }
                });
            });
        });
        /////---------------------
        Wind.use('validate', 'ajaxForm', 'artDialog', function() {
            //javascript

            //编辑器
            editorcontent = new baidu.editor.ui.Editor();
            editorcontent.render('content');
            try {
                editorcontent.sync();
            } catch (err) {
            }
            //增加编辑器验证规则
            jQuery.validator.addMethod('editorcontent', function() {
                try {
                    editorcontent.sync();
                } catch (err) {
                }
                return editorcontent.hasContents();
            });
            var form = $('form.js-ajax-forms');
            //ie处理placeholder提交问题
            if ($.browser && $.browser.msie) {
                form.find('[placeholder]').each(function() {
                    var input = $(this);
                    if (input.val() == input.attr('placeholder')) {
                        input.val('');
                    }
                });
            }

            var formloading = false;
            //表单验证开始
            form.validate({
                //是否在获取焦点时验证
                onfocusout : false,
                //是否在敲击键盘时验证
                onkeyup : false,
                //当鼠标掉级时验证
                onclick : false,
                //验证错误
                showErrors : function(errorMap, errorArr) {
                    //errorMap {'name':'错误信息'}
                    //errorArr [{'message':'错误信息',element:({})}]
                    try {
                        $(errorArr[0].element).focus();
                        art.dialog({
                            id : 'error',
                            icon : 'error',
                            lock : true,
                            fixed : true,
                            background : "#CCCCCC",
                            opacity : 0,
                            content : errorArr[0].message,
                            cancelVal : '确定',
                            cancel : function() {
                                $(errorArr[0].element).focus();
                            }
                        });
                    } catch (err) {
                    }
                },
                //验证规则
                rules : {
                    'activity_title' : {
                        required : 1
                    },
                    'activity_detail' : {
                        editorcontent : true
                    }
                },
                //验证未通过提示消息
                messages : {
                    'activity_title' : {
                        required : '请输入标题'
                    },
                    'activity_detail' : {
                        editorcontent : '内容不能为空'
                    }
                },
                //给未通过验证的元素加效果,闪烁等
                highlight : false,
                //是否在获取焦点时验证
                onfocusout : false,
                //验证通过，提交表单
                submitHandler : function(forms) {
                    if (formloading)
                        return;
                    $(forms).ajaxSubmit({
                        url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
                        dataType : 'json',
                        beforeSubmit : function(arr, $form, options) {
                            formloading = true;
                        },
                        success : function(data, statusText, xhr, $form) {
                            formloading = false;
                            if (data.status) {
                                setCookie("refersh_time", 1);
                                //添加成功
                                Wind.use("artDialog", function() {
                                    art.dialog({
                                        id : "succeed",
                                        icon : "succeed",
                                        fixed : true,
                                        lock : true,
                                        background : "#CCCCCC",
                                        opacity : 0,
                                        content : data.info,
                                        button : [ {
                                            name : '继续添加？',
                                            callback : function() {
                                                reloadPage(window);
                                                return true;
                                            },
                                            focus : true
                                        }, {
                                            name : '返回列表页',
                                            callback : function() {
                                                location = "{:U('Activity/index')}";
                                                return true;
                                            }
                                        } ]
                                    });
                                });
                            } else {
                                artdialog_alert(data.info);
                            }
                        }
                    });
                }
            });
        });
        ////-------------------------
    });
</script>
</body>
</html>